<!-- 个人中心 -->
<template>
<view class="container">
	<view style="margin-top: 200rpx;display: flex;justify-content: center;">
<view class="logo"></view></view>
<view class="name">多米惠选欢迎您</view>
<view style="display: flex;justify-content: center;align-items: center;">
<view >
	<button class="denglu" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">微信用户一键登录</button>
	</view></view>
<view class="title" @click="toLogin">选择手机号登录/注册</view>
<!-- <view style="display: flex;justify-content: center;align-items: center;">
	<view style="flex: 1;background: red;">111</view>
	<view style="flex: 2;background: pink;height: 50px;">222</view>
	<view style="flex: 1;background: palegoldenrod;">333</view>
</view> -->
<view class="di">
	<view class="yuan"></view>
	<view class="xieyi">选中登录代表您已同意</view>
	<view class="xie">《用户服务协议》</view>
</view>
</view>
</template>

<script>
import { mapMutations, mapActions, mapState, mapGetters } from 'vuex';
export default {
	components: {

	},
	data() {
		return {
			
		};
	},
	computed: {
		
	},
	onLoad(){
		// uni.login({  
		//         success: (res) => {  
		//             if (res.code) {         //微信登录成功 已拿到code  
		//                conosole.log('11',code)
		//             } else {  
		//                 console.log('登录失败！' + res.errMsg)  
		//             }  
		//         }  
		//     })  
	},
	methods: {
		toLogin(){
			uni.navigateTo({
				url:'pages/index/loginByPass'
			})
		},
		getPhoneNumber(e){
			console.log('11',e)
		}
	}
};
</script>

<style lang="scss">
.container{
	height: 98vh;
}
.logo{
	width: 88px;
	height: 88px;
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	border: 2px solid #FFFFFF;
	background: pink;
}
.name{
	font-size: 18px;
	font-family: PingFang SC-Bold, PingFang SC;
	font-weight: bold;
	color: #333333;
	line-height: 21px;
	margin-top: 34rpx;
	text-align: center;
}
.denglu{
		width: 344px;
	    height: 44px;
	    background: #FC5351;
	    border-radius: 4px 4px 4px 4px;
	    opacity: 1;
		font-size: 16px;
	    margin-top: 180rpx;
		color: #FFFFFF;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
}
.title{
	font-size: 16px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #999999;
	line-height: 19px;
	margin-top: 40rpx;
	text-align: center;
}
.yuan{
	width: 14px;
	height: 14px;
	opacity: 1;
	border: 1px solid #999999;
	border-radius: 10px;
	}
.xieyi{
	font-size: 16px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #999999;
	line-height: 19px;
	margin-left: 10rpx;
}
.xie{
	color: #41ABF7;
	font-size: 16px;
	line-height: 19px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	margin-left: 10rpx;
}
.di{
	    display: flex;
	    position: absolute;
	    bottom: 50px;
	    justify-content: center;
	    align-items: center;
	    align-content: center;
	    width: 100%;
}
</style>
